* {
  margin: 0;
  padding: 0;
}
.box {
  display: flex;
  width: 897px;
  height: 1098px;
  background-color: #008001;
  margin: 0 auto;
  flex-wrap: wrap;
}
.w {
  position: relative;
  width: 259px;
  height: 336px;
  background-color: #ffffff;
  margin: 15px;
  border-radius: 10px;
}
.box1 .hong {
  position: absolute;
  top: 50%;
  margin-top: -68px;
  right: 50%;
  margin-right: -68px;
  width: 136px;
  height: 136px;
  background-color: #fe0000;
  border-radius: 50%;
  zoom: 2;
}
.box2 .lan1 {
  position: absolute;
  width: 106px;
  height: 106px;
  border-radius: 50%;
  top: 45px;
  right: 50%;
  margin-right: -53px;
  background-color: #0000fe;
  zoom: 2;
}
.box2 .lan2 {
  position: absolute;
  width: 106px;
  height: 106px;
  border-radius: 50%;
  bottom: 45px;
  right: 50%;
  margin-right: -53px;
  background-color: #0000fe;
  zoom: 2;
}
.box3 .lan {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #0000fe;
  left: 27px;
  top: 45px;
}
.box3 .hong {
  position: absolute;
  width: 80px;
  height: 80px;
  left: 50%;
  margin-left: -40px;
  top: 50%;
  margin-top: -40px;
  border-radius: 50%;
  background-color: #fe0000;
}
.box3 .lv {
    position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #008001;
  right: 27px;
  bottom: 45px;
}
.box4 .lv1 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #008001;
  left: 39px;
  top: 45px;
}
.box4 .lan2 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #0000fe;
  right: 39px;
  top: 45px;
}
.box4 .lan1 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #0000fe;
  left: 39px;
  bottom: 45px;
}
.box4 .lv2 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #008001;
  right: 39px;
  bottom: 45px;
}
.box5 .lv1 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #008001;
  left: 37px;
  top: 24px;
}
.box5 .lan1 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #0000fe;
  right: 37px;
  top: 24px;
}
.box5 .hong1 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fe0000;
  left: 50%;
  margin-left: -40px;
  top: 50%;
  margin-top: -40px;
}
.box5 .lan2 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #0000fe;
  right: 37px;
  bottom: 24px;
}
.box5 .lv2 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #008001;
  left: 37px;
  bottom: 24px;
}
.box6 .hong1 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #fe0000;
  top: 46px;
  left: 61.5px;
}
.box6 .hong2 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #fe0000;
  top: 46px;
  right: 61.5px;
}
.box6 .lv1 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  top: 155px;
  left: 61.5px;
}
.box6 .lv2 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  top: 155px;
  right: 61.5px;
}
.box6 .lv3 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  top: 235px;
  left: 61.5px;
}
.box6 .lv4 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  top: 235px;
  right: 61.5px;
}
.box7 .hong1 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #fe0000;
  top: 31px;
  left: 31px;
}
.box7 .hong2 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #fe0000;
  top: 48px;
  left: 99px;
}
.box7 .hong3 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #fe0000;
  top: 59px;
  left: 167px;
}
.box7 .lv1 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  top: 160px;
  left: 65px;
}
.box7 .lv2 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  top: 160px;
  left: 133px;
}
.box7 .lv3 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  top: 240px;
  left: 65px;
}
.box7 .lv4 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  top: 240px;
  left: 133px;
}
.box8 .hei1 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #000000;
  top: 23px;
  left: 52px;
}
.box8 .hei2 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #000000;
  top: 23px;
  right: 52px;
}
.box8 .hei3 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #000000;
  top: 98px;
  left: 52px;
}
.box8 .hei4 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #000000;
  top: 98px;
  right: 52px;
}
.box8 .hei5 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #000000;
  bottom: 98px;
  left: 52px;
}
.box8 .hei6 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #000000;
  bottom: 98px;
  right: 52px;
}
.box8 .hei7 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #000000;
  bottom: 23px;
  left: 52px;
}
.box8 .hei8 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #000000;
  bottom: 23px;
  right: 52px;
}
.box9 .lan1 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #0000fe;
  top: 46px;
  left: 34px;
}
.box9 .lan2 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #0000fe;
  top: 46px;
  left: 102px;
}
.box9 .lan3 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #0000fe;
  top: 46px;
  left: 170px;
}
.box9 .hong1 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #fe0000;
  top: 132px;
  left: 34px;
}
.box9 .hong2 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #fe0000;
  top: 132px;
  left: 102px;
}
.box9 .hong3 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #fe0000;
  top: 132px;
  left: 170px;
}
.box9 .lv1 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  bottom: 46px;
  left: 34px;
}
.box9 .lv2 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  bottom: 46px;
  left: 102px;
}
.box9 .lv3 {
  position: absolute;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #008001;
  bottom: 46px;
  left: 170px;
}
